<template>
  <div class="admini2">
    <el-card class="cardOut2">
<!--      <div slot="header">-->
<!--        <div class="headerTitleClass">工资列表</div>-->
<!--      </div>-->

      <div>
        <el-table
            :data="videoList"
            border
            style="width: 100%">
          <el-table-column
              prop="position"
              label="职位"
              width="180">
          </el-table-column>
          <el-table-column
              prop="basicsalary"
              label="基本薪资">
          </el-table-column>
          <el-table-column
              prop="jiangjin"
              label="奖金">
          </el-table-column>
          <el-table-column
              prop="baoxiao"
              label="报销">
          </el-table-column>

<!--          <el-table-column label="操作">-->
<!--            <template slot-scope="scope">-->
<!--              <el-button-->
<!--                  size="mini"-->
<!--                  @click="handleEdit(scope.$index, scope.row)">编辑</el-button>-->
<!--              <el-button-->
<!--                  size="mini"-->
<!--                  type="danger"-->
<!--                  @click="handleDelete(scope.$index, scope.row)">删除</el-button>-->
<!--            </template>-->
<!--          </el-table-column>-->

        </el-table>
      </div>

    </el-card>
  </div>
</template>

<script>
export default {
  name: "admini2",
  data(){
    /* 定义初始化变量 */
    return{
      pageNum:1,
      pageSize:10,
      total: 0,
      videoList:[]
    }
  },
  /* 定义事件函数 */
  methods:{
    querySalary(){
      this.$axios.get('/admin/querySalary',{params:{
          pageNum:this.pageNum,
          pageSize:this.pageSize
        }}).then(res=>{
        this.videoList = res.data.data.rows
        this.total = res.data.data.total
      })
    }
  },
  /* vue的生命周期函数
     当页面加载完毕就会执行created里面的函数
  */
  created() {
    this.querySalary();
  }
}
</script>

<!-- scoped此属性可以防止当前页面的样式不会影响其他页面样式 -->
<style scoped>
@import url("Admini2.css");
</style>